{% extends '__base.tpl' %}

{% block middle %}
<div id='middle' data-uptype="blog" class="has-code">
    <!------------------列表start---------------------------------->
    <div class="listCon" id="middleListContent">
        <ul class="content ">
            {%if data.data.list.length>0%}
            {% for item in data.data.list %}
            <li>
                <div class="listConLeft">
                    <a target="_blank"
                       style="display: inline-block;width: 156px;text-align: center"
                       href="/{{item.id}}/buyBook.html">
                        <img width="100" src="{{item.covers|imgPath(3)}}">
                    </a>
                </div>
                <div class="listConRight">
                    <h3 class="title">
                        <a target="_blank" href="/{{item.id}}/buyBook.html">
                            {{item.name|safe}}
                        </a>
                    </h3>
                    <div class="desc">
                        <span class="red">&yen; {{item.price}}</span>
                        · 作者：{{item.author}}
                        · 库存：{{item.stock}}
                    </div>
                </div>
            </li>
            {%endfor%}
            {% else %}
            <li class="no-data">
                {% include '__no_data.html' %}
            </li>
            {%endif%}
        </ul>
        <div class="loading">正在加载中...</div>
        <div class="nomore-data">---到底了---</div>
    </div>
    <!------------------列表end---------------------------------->
</div>
{% endblock %}

{% block right %}
<!--右侧板块-->
{% include '__indexRight_memberCard.html' %}
{% include '__indexRight_search.html' %}
{% include '__indexRight_daren.html' %}
{% endblock %}

{% block script %}
{{ super() }}
<script>
    var  BASE = BASE||{}; //全局公用方法
    $(function () {
        BASE.COMMON.urlLeftNav();
    });
</script>
{% endblock %}